<template>
  <div>
    <div class="container d-flex flex-wrap col-12 justify-content-between">
      <div class="left col-sm-12 col-md-6 col-lg-6 col-xl-6">
        <h5 class="col">学院简介</h5>
        <h3>广东省为众消防安全职业培训学院</h3>
        <div style="margin-bottom: 20px" class="wenzi">
          广东省为众消防安全职业培训学院是经广东省人力资源和社会保障厅批准、省民政厅核准登记、国家认定的一所省级消防职业培训学院。学院主要开展消防职业技能培训，企事业单位消防管理人员培训，安全生产培训，社会安全培训，以及与国内外安全相关培训机构合作培训等。以“全方位一体化”的培训服务，努力实现“办学高起步、管理高标准、服务高水平、培训高质量、社会高信誉”的基本目标。
        </div>
        <div>
          <button
            style="
              border: none;
              color: aliceblue;
              background-color: #03a9f4;
              font-weight: bold;
              width: 20%;
              height: 40px;
            "
          >
            查看更多
          </button>
        </div>
      </div>
      <div class="right col-sm-12 col-md-5 col-lg-5 col-xl-5">
        <video width="100%" controls>
          <source src="https://img01.71360.com/file/read/www/M00/FB/AF/wKj0iWKq9Z-AD4ZVBMmiqxuu2qs946.mp4" type="video/mp4" />
          Your browser does not support the video tag.
        </video>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.left {
  text-align: right;
  height: 400px;
  padding: 15px;
  margin-top: 15px;
  /* background-color: aqua; */
}
.right {
  height: 400px;
  padding-top:50px;
  /* background-color: red; */
}
h5 {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 1.125em;
  line-height: 1.55;
  color: rgb(23, 37, 42);
}
h3 {
  margin-bottom: 16px;
  font-family: Open Sans;
  font-weight: 300;
  font-size: 2.25em;
  line-height: 1.25;
  color: rgb(23, 37, 42);
}
.wenzi{
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    font-family: Open Sans;
}
</style>
